<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue/vue.js" charset="utf-8"></script>

</head>
<body>

<div id="app">
    <input type="button" value="按钮" @click="toggle" >
    <br>
    <div id="div1" v-show="bSign" transtion="fade"></div>
</div>

<script>
    new Vue({
        el:'#app',
        data:{
            msg:"asdasd",
            bSign:true
        },
        methods:{
            toggle(){
                this.bSign=false
            }
        }
    })
</script>

<style>
    #div1{
        width: 100px;
        height: 100px;
        background: red;
    }

    .fade-transition{
        transition: Is all ease;
    }
    .fade-enter{
        opacity: 0;
    }
    .fade-leave{
        opacity: 0;
        transform: translateY(200px);

    }
    .
</style>

</body>
</html>